<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<base href="<%=request.getContextPath()%>/">
			<link rel="stylesheet" type="text/css" href="css/addStu.css"/>
				<script type="text/javascript" src="js/public/jquery-2.1.1.min.js"></script>
	</head>
	<body>
			<div class="addroom">
			<form enctype="multipart/form-data" method="post" action="stu/add">
			<table border="1px" cellspacing="0px" cellpadding="0px" width="100%" height="100%" id="tab">
				<tr height="10%">
					<th colspan="4">添加学生信息</th>
				</tr>
				<tr>
					<td align="center">姓名</td>
					<td><input type="text" value="" name="sname" id="sname"/></td>
					<td align="center">性别</td>
					<td>
					<input type="radio" value="1" name="sex" id="male"/>男
					 <input type="radio" value="2" name="sex" id="female"/>女
					  </td>
				</tr>
				<tr>
					<td align="center">班级</td>
					<td>
					<select name="cid" id="cla">
						<!-- <option value="1">48期java开发班</option>
						<option value="1">52期java开发班</option> -->
					</select></td>
					<td align="center">房间地址</td>
					<td>
					<select name="roomno" id="room">
						<!-- <option value="1">新南路10号</option>
						<option value="2">玉林西路7号</option>-->
					</select></td>
				</tr>
				<tr>
					<td align="center">联系电话</td>
					<td><input type="text" name="tel" id="tel" value="" /></td>
					<td align="center">入住时间</td>
					<td><input type="date" name="livetime" id="livetime" value="" /></td>
				</tr>
				<tr>
				<td align="center">上传头像</td>
					<td colspan="3">
						<input type="file" name="file"/>
					</td>
					
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="submit" name="" id="add" value="添加"  onclick="return"/></td>
					<td colspan="2" align="center"><input type="button" name="" id="" value="取消" /></td>	
				</tr>
				<tr height="10%">
					<td colspan="4" id="info">${error}${res }</td>
				</tr>
			</table>
			</form>
		</div>
	</body>
	<script type="text/javascript">
	$(function(){
		//查询所有班级
		$.ajax({
			url:"cla/findClasses",
			type:"get",
			dataType:"json",
			success:function(data){
				$.each(data,function(index,val){
					var option=$("<option></option>");
					option.text(val.cname);
					option.val(val.id);
					$("#cla").append(option);
				})
			}
		});
		//查询所有可居住房间
		$.ajax({
			url:"room/findEnableLive",
			type:"get",
			success:function(data){
				$.each(data,function(index,val){
					var option=$("<option></option>");
					option.text(val.address);
					option.val(val.id);
					$("#room").append(option);
				})
				
			}
		});
		//添加学生信息
		$("#add").click(function(){
		var sex=$("input[type='radio']:checked").val();
		var cid=$("#cla option:checked").val();
		var roomno=$("#room option:checked").val();
		var regex_user=/^1[3,4,5,7,8,9][0-9]{9}$/;
		var sname=$("#sname").val();
	    if(sex!=1&&sex!=2){
	    	alert("性别有误");
	    	return false;
	    }
	   if(cid==""){
		   alert("请选择班级");
		   return false;
	   }
	   if(roomno==""){
		   alert("请选择房间");
		   return false;
	   }
	   if(sname.length>8||sname.length<2){
		   alert("姓名格式有误");
		   return false;
	   }
	   if(!regex_user.test($("#tel").val())){
		   alert("电话号码格式错误");
		   return false;
	   }
	   if($("#livetime").val()==""){
		   alert("请选择入住时间");
		   return false;
	   }
});
		$("#male").click(function(){
			var sex=$("#male").val();
			//根据这个性别查询所有可居住的房间信息
			findRoomsBySex(sex)
		});
		$("#female").click(function(){
			var sex=$("#female").val();
			//根据这个性别查询所有可居住的房间信息
			findRoomsBySex(sex)
		});
	//根据性别查询所有可居住的房间信息
	function findRoomsBySex(sex){
		$.ajax({
			url:"room/findRoomsBySex",
			data:{"sex":sex},
			type:"post",
			success:function(data){
				$.each(data,function(index,val){
					var option=$("<option></option>");
					option.text(val.address);
					option.val(val.id);
					if(index==0){
					$("#room").html(option);
					}else{
						$("#room").append(option);
					}
				});
			}
		});
	}
	})
	</script>
</html>
